<style lang='scss' type='stylesheet/scss' scoped>
.as-input {
  margin-bottom: 10px;
}
</style>
<template>
  <div>
    <as-h2>clearable</as-h2>
    <as-card :text="text"
            title="设置 clearable 后可以清空 select。">
      <as-select v-model="checkedCity" placeholder="请选择城市" clearable>
        <as-option v-for="(city,cityIndex) in ['北京','上海']" :label="city" :key="city" :value="city"></as-option>
      </as-select>
    </as-card>
  </div>
</template>

<script type="text/ecmascript-6">
import { mapGetters } from "vuex";
export default {
  name: "",
  computed: {
    ...mapGetters(["isMobile"])
  },
  data() {
    return {
      checkedCity: "",
      text: `<template>
   <as-select v-model="checkedCity" placeholder="请选择城市" clearable>
     <as-option v-for="(city,cityIndex) in ['北京','上海']" :label="city" :key="city" :value="city"></as-option>
   </as-select>
 </template>
 <script>
   checkedCity: "",
 <\/script>`
    };
  },
  methods: {}
};
</script>
